<template>
<div>
  <!-- 面包屑 -->
  <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/welcome' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>用户管理</el-breadcrumb-item>
      <el-breadcrumb-item>用户列表</el-breadcrumb-item>
  </el-breadcrumb>
  <!-- 卡片区域 -->
<el-card class="box-card" style="width:100%">
  <!-- 提示框 -->
  <el-alert
    title="注意：只允许为第三级分类设置相关参数"
    type="warning" show-icon>
  </el-alert>
<!-- 选择商品分类 -->
  <div style="margin: 10px 0;">
    <span class="demonstration">选择商品分类</span>
    <el-cascader
    v-model="cateValue"
    :options="options"
    :props="props"
    @change="handleChange">
    </el-cascader>
  </div>
</el-card>
</div>
</template>

<script>
export default {
  data () {
    return {
      goodsCates: '',
      cateValue: '',
      props: {
        expandTrigger: 'hover'
      },
      options: 'options',
      // 静态属性
      only: ''

    }
  },

  created () {

  },
  computed: {
  },
  methods: {
  // 获取商品分类列表
    async getGoodsCate () {
      const { data: res } = await this.$axios.get('/categories')
      // console.log(res)
      if (res.meta.status !== 200) return this.$message(res.meta.msg)
      this.goodsCates = res.data
    }
  }
}
</script>

<style scoped lang='less'>

</style>
